<!--
 * @Author: zhengjingjing 1742420988@qq.com
 * @Date: 2024-11-13 13:58:13
 * @LastEditors: zhengjingjing 1742420988@qq.com
 * @LastEditTime: 2024-11-26 19:59:33
 * @FilePath: \greencityldzbruoyi-ui\src\views\ldzb\rightPanel.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div id="ldzbrightbottomPanel">
    <div style="overflow:auto;overflow-x:hidden;">
      <el-row>
        <el-col :span="24">
          <div class="data_info">
            <div class="fl">
              <img src="../../assets/images/ldzb/pingfen2.png" alt="">
              <div class="fl count">
                <span>绿地指标评分</span>
                <span  style="color: gray;">80</span>
                <span class="unit-fen">分</span>
              </div>
            </div>
          </div>
        </el-col>
      </el-row>
  </div>
  </div>
</template>
<script>
  import { getStatldflsum, getldtypeStatldflsum } from "../../api/ldfl/ldfl.js";
  import * as echarts from "echarts";
  import { getDicts } from "../../api/system/dict/data";
  import { EleResize } from "@/utils/esresize";
  export default {
    name: 'righttopPanel',
    props: {
      paramObj: { default: () => { } },
    },
    data() {
      return {
      }
    },
    mounted() {
      let _self = this
      _self.getData()
    },
    methods: {
      async getData(){}
    }
  }
</script>
<style>
#ldzbrightbottomPanel .el-row {
    /* margin-top: 15px; */
    margin-bottom: 10px;
}
#ldzbrightbottomPanel .fl {
    float: left;
}
#ldzbrightbottomPanel .data_info{
    width: 12.5%;
    height: 70px;
    margin-left: 12.5%;
    min-width: 600px;
    margin-top: 5px;
}

#ldzbtopPanel .data_info  div{
    width: 50%;
    position: relative;
}
#ldzbrightbottomPanel .data_info img{
    position: absolute;
    top: 10px;
    width: 50px;
}
#ldzbrightbottomPanel .data_info .count{
    margin-left: 65px;
    margin-top: 0px !important;
}
#ldzbrightbottomPanel .data_info .count span{
  margin: 5px 0px 5px 10px;
}
#ldzbrightbottomPanel .data_info .count span:nth-child(1){
    display: inline-block;
    font-size:25px;
    font-weight: normal;
    color: #fff;
    margin: 5px;
}
#ldzbrightbottomPanel .data_info .count span:nth-child(2){
    font-family: DigifaceWide;
    color: #00fbfe;
    text-shadow: 0 0 25px #00fbfe;
    font-size: 35px;
    font-weight: bolder;

}

#ldzbrightbottomPanel .data_info .count span:last-child{
    color: #00fbfe;
    text-shadow: 0 0 25px #00fbfe;
    font-size: 20px;
    font-weight: bolder;

}

</style>
